<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>我的</title>
		<link rel="stylesheet" type="text/css" href="../css/I.css" />
		<link rel="stylesheet" type="text/css" href="../css/animate.css" />
		<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" />
		<script src="../assets/flexible/flexible.debug.js"></script>
	</head>

	<body>

		<header class="I_header">
			<div class="I_left" id="I_left"><img src="../images/liefu copy.png" id="I_img" /></div>
			<span class="I_center">界面</span>
			<span class="I_right"><a href="search.html"><img src="../images/sousuo copy.png"/></a></span>
		</header>

		<main class="I_main">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href="first.html">首页</a>
					</div>
					<div class="swiper-slide"><p class="colors">我的</p></div>
					<div class="swiper-slide">
						<a href="shangye.html">商业</a>
					</div>
					<div class="swiper-slide">
						<a href="">天下</a>
					</div>
					<div class="swiper-slide">
						<a href="">中国</a>
					</div>
					<div class="swiper-slide">
						<a href="">热读</a>
					</div>
					<div class="swiper-slide">
						<a href="">科技</a>
					</div>
					<div class="swiper-slide">
						<a href="">汽车</a>
					</div>
					<div class="swiper-slide">
						<a href="">地产</a>
					</div>
					<div class="swiper-slide">
						<a href="">金融</a>
					</div>
					<div class="swiper-slide">
						<a href="">消费</a>
					</div>
					<div class="swiper-slide">
						<a href="">证券</a>
					</div>
					<div class="swiper-slide">
						<a href="">时尚</a>
					</div>
					<div class="swiper-slide">
						<a href="">工业</a>
					</div>
					<div class="swiper-slide">
						<a href="">数据</a>
					</div>
					<div class="swiper-slide lastchild">
						<a href="">美丽中国</a>
					</div>
				</div>
			</div>
			<div class="I_add"><img src="../images/add copy.png" /></div>
		</main>

		<banner class="I_banner">
			<div>
				<img src="../images/xingqu.png" />
				<p>还没有感兴趣的话题？马上去订阅吧</p>
			</div>
			<div class="I_see">
				<a href="">这就去看看</a>
			</div>
		</banner>
	<footer class="footer">
			<dl>
				<dt><img src="../images/shou.png"/></dt>
				<dd>新闻</dd>
			</dl>
			<dl>
				<dt><img src="../images/bofang.png"/></dt>
				<dd>试听</dd>
			</dl>
			<dl>
				<dt><img src="../images/daizi-1.png"/></dt>
				<dd>尤物</dd>
			</dl>
			<dl>
				<dt class="dt"><img src="../images/she.png"/></dt>
				<dd>社区</dd>
			</dl>
			<dl>
				<dt><img src="../images/wo-2.png"/></dt>
				<dd>我的</dd>
			</dl>
		</footer>
		<div class="meng"></div>
		<div class="ce">
			<div class="biao">
				<div class="l_left"><img src="../images/lefttu.png" /></div>
				<h3>为独立思考人群服务</h3>
				<div class="l_right"><img src="../images/righttu.png" /></div>
			</div>

			<div class="submenu">
				<script type="text/html" id="template_s">
					{{each str v}}
					<dl>
						<dt><img src="{{v.images}}"/></dt>
						<dd>
							<h2>{{v.title}}</h2>
							<p>{{v.mains}}</p>
						</dd>
					</dl>
					{{/each}}
				</script>

			</div>
			<div class="title">
				<dl>
					<dt><img src="../images/no on.png"/></dt>
					<dd>正午</dd>
				</dl>
				<dl>
					<dt><img src="../images/weilou.png"/></dt>
					<dd>歪楼</dd>
				</dl>
				<dl>
					<dt><img src="../images/TJ.png"/></dt>
					<dd>时尚</dd>
				</dl>
			</div>
			<div class="hezuo">
				<div class="l_left"><img src="../images/lefttu.png" /></div>
				<h3>战略合作</h3>
				<div class="l_right"><img src="../images/righttu.png" /></div>
			</div>
			<div class="slidefoot">
				<div class="S_ce">
					<h2>
	 			品质优选
	 		</h2>
					<h5>优选你的品质生活</h5>
				</div>

				<h2>对战略合作有兴趣？请点击了解详情...</h2>
			</div>
		</div>

		<script src="../js/jquery.1.12.4.js"></script>
		<script src="../assets/template-web.js"></script>
		<script src="../assets/swiper/js/swiper.jquery.js"></script>
		<script src="../js/I.js"></script>
	</body>

</html>